<template>
	<view class="">
		<view class="item" v-for="item in 5" @click="hanleDetail('民宗详情')">
			<view class="flex item-flex">
			<view class="ellipsis3 text">
				{{ text }}
			</view>
			<!-- 长度等于一的 -->
			<view class="item-img " v-if="item%2!=0" >
				<img class=""  src="https://cdn.uviewui.com/uview/swiper/swiper3.png" ></img>
			</view>
			</view>
		
		<!-- 长度大于一的 -->
		<view class="flex justify-between " v-if="item%2==0" >
			<view class="item-img ">
				<img class=""  src="https://cdn.uviewui.com/uview/swiper/swiper3.png" ></img>
			</view>
			<view class="item-img ">
				<img class=""  src="https://cdn.uviewui.com/uview/swiper/swiper3.png" ></img>
			</view>
			<view class="item-img ">
				<img class=""  src="https://cdn.uviewui.com/uview/swiper/swiper3.png" ></img>
			</view>
		</view>
		<view class="flex align-center justify-between bob">
			<view class="time">时间：2023-12-25</view>
			<broad-cast :text="text"></broad-cast>
		</view>
		</view>
		
	</view>
</template>

<script>
import moment from '../js_sdk/moment/moment.js';
export default {
	name: 'consult-list',
	data() {
		return {
			text: '唱响民族团结最强音 凝聚镍都发展新动能——重庆市梁平区深入推进民族团结进步发'
		};
	},methods:{
		hanleDetail(title){
			uni.navigateTo({
				url:`/pages/notice/noticeDetail/noticeDetail?title=${title}`
			})
		}
	}
};
</script>

<style scoped lang="scss">
	.text{
		padding-right: 10upx;
	}
.time {
	color: #8a8a8a;
	font-size: 24upx;
	margin-top: 15upx;
}
.bob{
	margin-top: 10upx;
}
.item {
	border-bottom: 2upx solid #e8e8e8;
	padding-bottom: 20upx;
	margin-top: 20upx;
}

.item-img{
	max-width:220upx;
	min-width: 200upx;
	height: 120upx;
	margin-top: 8upx;
	overflow: hidden;
	border-radius: 10upx;
	img{
		height: 100%;
		border-radius: 10upx;
	}
}


</style>
